Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(playground): don't extract inline css #9203

Merged
merged 2 commits into from
Jul 6, 2023
Merged

Conversation

LeoMcA
Copy link
Member

@LeoMcA LeoMcA commented Jun 30, 2023

Summary

https://mozilla-hub.atlassian.net/browse/MP-515
fixes #9190

Problem

inline bits of css get a css class applied to them, so our extraction logic was treating them as "normal" css - which of course it isn't, since it doesn't have any kind of selector

Solution

specifically target pre.${language_name} rather than just .${language_name} - I'm going to wait for your review @fiji-flo here, because I imagine there was a reason you chose not to specifically target pre tags, so I want to make sure I'm not breaking anything else


Screenshots

Before

image

After

image


How did you test this change?

http://localhost:3000/en-US/docs/Web/CSS/flex-grow

https://mozilla-hub.atlassian.net/browse/MP-515
#9190

inline bits of css get a `css` class applied to them, so our extraction
logic was treating them as "normal" css - which of course it isn't,
since it doesn't have any kind of selector
@fiji-flo fiji-flo merged commit 5324a5d into main Jul 6, 2023
@fiji-flo fiji-flo deleted the fix-playground-inline-style branch July 6, 2023 14:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

On the flex-grow page, the result section of the last example is showing wrong
3 participants